@keyframes wave {
  0% {
    transform: translateX(-100%) scaleY(1);
    opacity: 0.3;
  }
  50% {
    transform: translateX(0%) scaleY(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translateX(100%) scaleY(1);
    opacity: 0.3;
  }
}

@keyframes wave2 {
  0% {
    transform: translateX(100%) scaleY(0.8);
    opacity: 0.2;
  }
  50% {
    transform: translateX(0%) scaleY(1.1);
    opacity: 0.5;
  }
  100% {
    transform: translateX(-100%) scaleY(0.8);
    opacity: 0.2;
  }
}

@keyframes wave3 {
  0% {
    transform: translateX(-50%) scaleY(0.9);
    opacity: 0.4;
  }
  50% {
    transform: translateX(50%) scaleY(1.3);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-50%) scaleY(0.9);
    opacity: 0.4;
  }
}

@keyframes float {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg);
  }
  50% { 
    transform: translateY(-10px) rotate(5deg);
  }
}
